<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<%
	Integer id = 1;
	String col = "#collapse";
%>
<div class="col-md-3">
	<!-- bát đầu menu 1 -->
	<div class="panel-group" id="accordion">
		<!-- cái này là block -->
		<!-- set menu ngoài -->
		<s:iterator value="listsubcat" id="list">
			<div class="panel panel-default">
				<div class="list-group">
					<h4 class="panel-title">
						<%
							String collapse = "href=" + "'" + col + id + "'";
						%>
						<a class="list-group-item" data-toggle="collapse"
							data-parent="#accordion" <%=collapse%>> <s:property
								value="catName" /> </a>
					</h4>
				</div>
				<!-- các menu cấp 2 xấu vl -->
				<div id="collapse<%=id%>" class="panel-collapse collapse">
					<s:iterator value="listinfo" id="list1">
						<div class="panel-body">
							<div class="list-group">
								<a href="#" class="list-group-item"><s:property
										value="catName" /> </a>
							</div>
						</div>
						<%
							id += 1;
						%>
					</s:iterator>
				</div>
				<!-- end set menu 2 -->
			</div>
			<!-- end menu 1 -->
		</s:iterator>
	</div>
	<!-- div end block -->
</div>
